<template>
  <div class="son" style="border:3px solid #000;margin:10px">
    <!-- 3.直接使用props的值 -->
    我是Son组件 -- {{ title }}
    <button @click="updateTitle">通知父组件修改title</button>
  </div>
</template>

<script>
export default {
  name: 'Son-Child',
  // 2.通过props来接受
  props: ['title'], // 数组意味着可以定义多个
  methods: {
    updateTitle() {
      // 触发一个自定义事件，通知父组件，将想要修改的数据值传过去
      this.$emit('updateTitle', '传智教育')
    }
  }

}
</script>

<style>

</style>